<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>交易</title>
    <link rel="stylesheet" href="css/daikaifa.css">
    <script src="js/jquery-1.10.1.min.js"></script>
</head>
<body>
<div class="title">
    <i class="iconfont">&#xe613;</i>
    <p>交易</p>
</div>
<div class="transaction-conner">
<div class="transaction-left">
    <div class="buy-btn">
        <input type="submit" value="买入">
        <input type="submit" value="卖出">
    </div>
    <div class="but-number">
        <div class="gw_num">
            <em class="jian">-</em>
            <input type="text" value="" class="num" placeholder="委托价格">
            <em class="add">+</em>
        </div>
        <p class="text">≈0.00CNY</p>
        <div class="gw_num">
            <em class="jian">-</em>
            <input type="text" value="" class="num" placeholder="委托数量">
            <em class="add">+</em>
        </div>
        <p class="text">可用BTC:0.00</p>
        <div class="gw_num gw_num1">
            <input type="text" value="" class="num" placeholder="交易量">
            <em>BTC</em>
        </div>
        <p class="text">≈0.00CNY</p>
    </div>
    <div class="buy-btc">
        <input type="submit" value="现货买入">
        <div class="buy-btc-div">
            <p>锁定(BTC)</p>
            <span>0.00</span>
        </div>
        <div class="buy-btc-div">
            <p>总资产</p>
            <span>￥0.00</span>
        </div>

    </div>
</div>
<div class="transaction-right">
    <ul>
        <li>盘口</li>
        <li>价格</li>
        <li>数量</li>
    </ul>
    <div class="record">
        <div>
            <p><span>5</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>4</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>3</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>2</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>1</span><span>0.00001564</span><span>8789</span></p>
        </div>

    </div>
    <p class="text-number">0.115479846</p>
    <div class="record record1">
        <div>
            <p><span>5</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>4</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>3</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>2</span><span>0.00001564</span><span>8789</span></p>
        </div>
        <div>
            <p><span>1</span><span>0.00001564</span><span>8789</span></p>
        </div>

    </div>
</div>
</div>
<div class="footer-nav">
    <ul>
        <li>
            <a href="index.html">
                <img src="images/home.png" alt=""><p>首页</p>
            </a>
        </li>
        <li class="daikaifa"><a href="###"><img src="images/h-jiaoyi.png" alt=""><p>交易</p></a></li>
        <li ><a href="notice.html"><img src="images/guanggao.png" alt=""><p>公告</p></a></li>
        <li><a href="../personal/index.html"><img src="images/geren.png" alt=""><p>个人中心</p></a></li>
    </ul>

</div>
</body>
<script>
    $(".title .iconfont").click(function () {
        window.location.href='index.html'
    })

    $(document).ready(function(){
//加的效果
        $(".add").click(function(){
            if($(".num").val()===''){
                $(".num").val('0')
            }
            var n=$(this).prev().val();
            var num=parseInt(n)+1;
            if(num==0){return;}
            $(this).prev().val(num);
            console.log(num)
        });
//减的效果
        $(".jian").click(function(){
            var n=$(this).next().val();
            var num=parseInt(n)-1;
            if(num==0){ return}
            $(this).next().val(num);
            console.log(num)
        });
    })

</script>
</html>